<head>
 <%= stylesheet_link_tag    "application", :media => "all" %>

    <%= csrf_meta_tags %>
    <%= javascript_include_tag "user/signup" %>

</head>



<body>
	<div class="row" style="padding-top:30px;">
		<div class="col-lg-1 col-md-1 col-xs-1">
		</div>
		<div class="col-lg-4 col-md-4 col-xs-4">
			<div class="login-icon" style="top:40px;width:126px;">
	            <img src="/assets/templogo.svg" alt="Welcome to Mail App">
	            <h4>Welcome to <small>Harvest App</small></h4>
	        </div>
		</div>
		<div class="col-lg-4 col-md-4 col-xs-4">
		  	<div class="login-form form-white">
		 	    <%= form_tag user_create_path,id:'signup_form',onsubmit:"return doSubmit();" do %>  
         	      <div class="form-group">
         	        <%= text_field_tag :user_name, params[:user_name] ,:class => "form-control login-field2" ,:value =>"", :placeholder =>"Your account here" ,onblur:"checkUsername(); return false;" %>
         	        <label class="login-field-icon fui-user" for="user_name"></label>
                    <span id="user_name_Message"></span>
         	      </div>
         	      <div class="form-group">
         	        <%= password_field_tag :password ,nil,class:'form-control login-field2',placeholder:'Your password here'%>
         	        <label class="login-field-icon fui-lock" for="password"></label>
         	      </div>
         	      <div class="form-group">
         	        <%= password_field_tag :confirm,nil,class:'form-control login-field2',placeholder:'Confirm password' , onblur:"checkPass(); return false;"%>
         	        <label class="login-field-icon fui-lock" for="confirm"></label>
                     <span id="confirm_Message" class="confirmMessage"></span>
         	      </div>

         	      <p class="button" ><%= submit_tag "Join Us !" , id:'join_us', class:'btn btn-primary btn-lg btn-block',:style=>'background-color:#F39C12;' %></p>
         	    <% end %>


	          
	            <a class="login-link" href=<%=user_homepage_path%>>Already have an account?</a>

          	</div>
      </div>
	</div>
</body>
